<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base01.css">
</head>
<body>
    <div class="top"></div>
    <div class="nav">
        <div class="nav-content">
            <div class="nav-left">
                <span></span>
                <a href="#" class="city">深圳</a>
                <a href="#">&lt;切换&gt;</a>
            </div>
            <a href="#">首页</a>
            <a href="#">资讯</a>
            <a href="#">测评</a>
            <a href="#">商城</a>
            <div class="nav-right">
                <span></span>
                <a href="#">个人中心</a>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content-left">
            <a href="./user.html" class="user-page" target="frame">用户中心首页</a>
            <ul class="check">
                <li class="head">
                    <span class="ico"></span>我的检测
                </li>
                <li>
                    <a href="#">上门检测</a>
                </li>
                <li>
                    <a href="#">DIY检测</a>
                </li>
            </ul>
            <ul class="adm">
                <li class="head">
                    <span class="ico"></span>我的治理
                </li>
                <li>
                    <a href="#">上门治理</a>
                </li>
            </ul>
            <ul class="decorate">
                <li class="head">
                    <span class="ico"></span>我的装修
                </li>
                <li>
                    <a href="#">装修方案</a>
                </li>
            </ul>
            <ul class="collect">
                <li class="head">
                    <span class="ico"></span>我的收藏
                </li>
                <li>
                    <a href="#">装修材料</a>
                </li>
                <li>
                    <a href="#">净化产品</a>
                </li>
                <li>
                    <a href="#">资讯</a>
                </li>
                <li>
                    <a href="#">测评</a>
                </li>
            </ul>
            <ul class="data">
                <li class="head">
                    <span class="ico"></span>个人资料
                </li>
                <li>
                    <a href="#">个人资料</a>
                </li>
                <li>
                    <a href="#">修改密码</a>
                </li>
                <li class="phone-weixin">
                    <a href="./phone.html" target="frame">绑定手机\微信</a>
                </li>
            </ul>
            <ul class="manage">
                <li class="head">
                    <span class="ico"></span>积分管理
                </li>
                <li>
                    <a href="#">积分兑换</a>
                </li>
                <li>
                    <a href="#">积分等级</a>
                </li>
                <li>
                    <a href="#">积分任务</a>
                </li>
            </ul>
        </div>
        <iframe src="./user.html" frameborder="0" name="frame"></iframe>
    </div>
    <div class="bottom">
        <div class="bottom-content">
            <div class="content-text">
                <div class="home">
                    <img src="./images/footerLogo.png" alt="">
                    <p class="bold-text">为室内环境健康把好每一关</p>
                    <p>家居医生致力于中国人的家居健康问题,通过专业的技术研究</p>
                    <p>和测评,倾力协助大众打造绿色,环保的人居环境。</p>
                </div>
                <div class="text-left">
                    <p>
                        <a href="#">关于我们</a>
                    </p>
                    <p>
                        <a href="#">联系我们</a>
                    </p>
                    <p>
                        <a href="#">加入我们</a>
                    </p>
                </div>
                <div class="text-center">
                    <p>
                        <a href="#">版权说明</a>
                    </p>
                    <p>
                        <a href="#">用户隐私</a>
                    </p>
                    <p>
                        <a href="#">免责申明</a>
                    </p>
                </div>
                <div class="text-right">
                    <p>
                        <img src="./images/weixin2.png" alt="">
                        <a href="#">官方微信</a>
                    </p>
                    <p>
                        <img src="./images/tianmao.png" alt="">
                        <a href="#">天猫旗舰店</a>
                    </p>
                    <p>
                        <img src="./images/shop.png" alt="">
                        <a href="#">有赞商城</a>
                    </p>
                </div>
            </div>
            <div class="line"></div>
            <span class="text-shen">深圳建筑科学研究院股份有限公司</span>
            <span class="text-jia">家居医生网</span>
            <span class="text-copyright">粤ICP备08011321号 @Copyriht All Rights Reserved</span>
        </div>
    </div>
</body>
</html>